<template>
  <main class="home">
    <!-- 轮播图 -->
    <Banner />
    <!-- 热销推荐 -->
    <Recommend title="热销推荐" :type="1" />
    <Recommend title="新品推荐" :type="2" />
  </main>
</template>

<script>
import Banner from "./Banner";
import Recommend from "./Recommend";
export default {
  name: "Home",
  components: {
    Banner,
    Recommend,
  },
};
</script>

<style lang="stylus" scoped>
.home {
  width: 100%;
  min-width: 800px;
  min-height: 400px;
}
</style>